<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置中心</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="../../css/style.css" rel="stylesheet" />
		<script src="../../js/mui.min.js"></script>
		<style type="text/css">
			body{
				background-color: #FAFAFA;
			}
			
			/* 解约弹窗 */
			.mui-popup-inner,.mui-popup-button:first-child{
				background: #fff;
			}
			.mui-popup-button{
				color: #333;
			}
			.mui-popup-button:first-child{
				color: #858585;
			}
			.mui-popup-button.mui-popup-button-bold{
				font-weight: normal;
			}
			.mui-popup-input input{
				height: 36px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">设置中心</h1>
		</header>
		
		<div class="mui-content setting-main">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						修改登录密码
					</a>
				</li>
			</ul>
			<div class="hui-bg"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					离线地图
					<span class="upload">开始下载</span>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						提现账户
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						导航方式
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						接单设置
					</a>
				</li>
				<li id="jieyue" class="mui-table-view-cell">
					<a class="mui-navigate-right">
						申请解约
					</a>
				</li>
			</ul>
			<div class="hui-bg"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						清除缓存
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						关于我们
					</a>
				</li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script type="text/javascript">
			// 申请解约
			document.getElementById("jieyue").addEventListener('tap', function(e) {
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['确定', '取消'];
				mui.prompt('', '请输入登录密码', '<i class="iconfont icon-gantanhao" style="color:#FF7751;font-size:18px;margin-right:5px;"></i>申请解约', btnArray, function(e) {
					if (e.index == 0) {
						// info.innerText = '谢谢你的评语：' + e.value;
					} else {
						// info.innerText = '你点了取消按钮';
					}
				})
			});
				
		</script>
	</body>

</html>